*{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    box-sizing: border-box;
  }
  a{
    text-decoration: none;
    color: #000000;  
  }
  a:hover{
    color:none;}
  div,button,input{
    outline: none;}
  .w1200{
      width: 1200px;
      margin:0 auto; 
  }
  .top1{background-color: #f1f1f1;
    border-bottom:1px #e7e7e7 solid ;height:52px;line-height:52px;
  }
  .top1 p{
      float: left;
  }
  .top1 ul{
      float: right;
  }
  .top1 ul li{
      float: right;
  }
h1{
  font-size: 40px;text-align: center;color: #007eaf;padding-top: 60px;
}
h1 span{
  color: #e86f56;
}
.hanb .w1200{position: relative;}
.hanb .prev {position:absolute;left:-80px;top:320px;}
.hanb .next {position:absolute;right:-80px;top:280px;}
.hanb .prev img{width:50px}
.hanb .next img{width:50px;transform: rotate(180deg)}

.henw{position: relative;}
.henw .prev {position:absolute;left:-80px;top:140px;}
.henw .next {position:absolute;right:-80px;top:100px;}
.henw .prev img{width:50px}
.henw .next img{width:50px;transform: rotate(180deg)}


.tempWrap{width:1200px!important}

.prduct-list{
  float: left;width: 290px;background-color: #007eaf;box-sizing: border-box;padding: 15px;color: white;
}
.prduct-show{
  float: right;width: 890px;margin-top: 20px;
}
.prduct-list ul{margin-top: 20px;
  width:100%;background: white;padding: 20px 12px;box-sizing: border-box;overflow: hidden;
}
.prduct-list ul li{font-size: 18px;color: #007eaf;text-align: left;line-height: 35px;width: 100%;border-radius: 17px;margin-bottom:8px
}
.prduct-list ul li>a{color: #007eaf;font-weight:bold}
.prduct-list ul li:hover{color:#f25e36}
.prduct-list ul li dl{margin-left:20px}

.prduct-show {
  display: flex;flex-wrap: wrap;justify-content: space-around;
}
.prduct-show li{
  width: 278px;height: 254px;background: white;margin-bottom: 15px;  box-shadow: 0 0 10px gainsboro;
}
.prduct-show li img{
width: 100%;height: 215px;
}
.prduct-show li p{
font-size: 18px;height: 35px;text-align: center;
}
.fuwu{background:url(../image/backgr.jpg) no-repeat center;height:440px;padding-top:220px;text-align:center;color:white;font-size:30px}



.backlu{background:url(../image/blu.png) no-repeat;width:57px;height:57px;color:white;text-align:center;line-height:62px;font-size:30px;font-weight:bold;display: inline-block;}
.title2{font-size:24px;color:#007eaf;display: inline;font-weight:bold;padding-left:20px}
.title2 span{font-size:14px;text-transform:uppercase}




.case{
  display: flex;flex-wrap: wrap;justify-content: space-around;
}
.case a{margin-right:35px}
.case li{
  width: 278px;height: 330px;margin-top: 35px;
}
.case li img{
  width:100%;height: 278px;
}
.case li p{
  line-height: 55px;font-size: 18px;text-align: center;color: white;
}

.goods {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:30px;margin-bottom:20px}
.goods li{width: 185px;height: 400px;}
.goods-y{width: 184px;height: 184px;border-radius: 98px;background:white;border-top:4px #f25e36 solid;border-right: 4px #f25e36 solid;border-bottom: 4px white solid;border-left: 4px white solid;transform: rotate(-45deg);position: absolute;z-index: 80;}
.goods-y img{width: 160px;height: 160px;border-radius: 89px;transform: rotate(45deg);margin: 7px;}
.goods-bot{text-align: center;position: absolute;z-index: 100;width: 185px;top: 200px;padding: 0 20px;color: white;}
.goods-bot span{color: #0079c3;margin-left:-8px;margin-top: -42px;display: block;font-size: 26px;}
.goods-bot h1{font-size:28px;color:white;padding:0}
.goods-bot p{text-align:left}
.yosh {
  margin-top: 40px;
}
.yosh li{
  overflow: hidden;margin-bottom: 20px;
}
h2{
font-size: 80px;color: #df674e;float: right;margin-left: 5px;
}
.h3{
font-size: 36px;background-color: #0071bf;color: white;float: right;margin-top: 40px;
}
.jixin{
  overflow: hidden;float: right;margin-top: 15px;text-align: right;
}
.jixin li{
  overflow: hidden;margin-bottom: 35px;
}
.jixin li div{
  width: 14px;height: 14px;background-color: #02b29c;border-radius: 7px;float: right;margin: 10px;margin-top: 5px;
}
.jixin2 li div{
  float: left;
}
.news{
  width: 610px;float: left;
}
.problm{
  width:570px;float: right;
}
h4{
  font-size: 20px;color: #0071bf;line-height: 20px;
}
.only{
overflow: hidden;
}
.news{
  font-size: 14px;line-height: 24px;
}
.news-list{
  overflow: hidden;margin-top: 20px;
}
.news-list li{
    overflow: hidden;line-height: 35px;
}
.news-list li p{
float: left;line-height: 24px;
}
.news-list li span{
  float: right;
  }
  .wenda li{
    margin-top: 20px;overflow: hidden;
  }
  .wenda li p{float: left;line-height: 20px;text-align: center;
width: 20px;height: 20px;background-color: #0071bf;color: white;
  }
  .wenda li span{
float: left;width: 528px;margin-left: 10px;
  }
  .problm{
    font-size: 14px;line-height: 24px;
  }
  .aout{
    float: left;width: 565px;height: 310px;
  }
  .about{
    float: right;width: 565px;
  }
  h5{
    font-size: 60px;color: #0071bf;
  }
  .links{
    width: 1070px;float: left;
  }
  .links li{
width: 195px;font-size: 15px;text-align: center;
  }
  .links li img{
    width: 100%;height: 145px;
  }
  .swiper-container{
    width: 1075px;float: left;margin-left: 40px !important;
  }
  .pre{
  float: left;margin-top: 50px;
  }
  .next{
    transform: rotate(180deg);
   float: right;margin-top: 50px;
  }
  .link{
    text-transform: uppercase;border-bottom: 1px #eeeeee solid;line-height: 45px;
  }
.link span{
  font-size: 20px;color: #0071bf;font-weight: bold;
}
.showstr{
    float:left;margin-left: 30px;
}
.showstr dl{
    float: left;margin-left: 30px;
}
.showstr dl:nth-child(n+4){
    display: none;
}
.showstr dt{
    font-size: 16px;font-weight: bold;
}
.showstr dd a{
    font-size: 16px;color: white;display: block;line-height: 50px;
}
.footer-bottom a{
    color: white;
}
.videos{
    z-index: 999;
    position: fixed;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.video_btn{
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    font-size: 30px;
    z-index: 999;
    cursor: pointer;
    line-height: 30px;
}
.creti{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.creti a{margin-right:25px}
.creti li{width:180px;height:250px;border:1px grey solid}
.creti li img{width:100%;height:100%}